<template>
  <div class="footer-container">
    <div class="container-core">
      <div class="footer">
        <div class="logo">
          <img src="@/assets/images/logo-black.svg" />
        </div>
        <div class="related-container">
          <locale-selector />
          <div class="social-media">
            <div class="social-media-item">
              <ap-icon name="twitter-x" :size="20" color="#FFFFFF" />
            </div>
            <div class="social-media-item">
              <ap-icon name="tiktok" :size="20" color="#FFFFFF" />
            </div>
            <div class="social-media-item">
              <ap-icon name="instagram" :size="20" color="#FFFFFF" />
            </div>
            <div class="social-media-item">
              <ap-icon name="youtube" :size="20" color="#FFFFFF" />
            </div>
          </div>
        </div>
      </div>
      <div class="copyright">
        <div class="site">&copy; davincilatex.com {{ $t('footer.rights') }}</div>
        <ap-space>
          <ap-link class="footer-link" href="#">{{ $t('footer.privacy-policy') }}</ap-link>
          <ap-link class="footer-link" href="#">{{ $t('footer.terms-of-use') }}</ap-link>
        </ap-space>
      </div>
    </div>
  </div>
</template>
<script setup>
import LocaleSelector from '../Locale'
</script>
<style src="./PageFooter.less" lang="less" scoped></style>